<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../lib/style.css">
    <script src="https://unpkg.com/vue@3"></script>
    <script src="../lib/ele-plus.umd.js"></script>
    <title>Document</title>
</head>

<body>
    <div id="app"> {{tableData}}</div>
</body>

<script>
    const app = Vue.createApp({
        data() {
            return {
                tableData: [
                    { id: 10001, name: 'Test1', role: 'Develop', sex: 'Man', address: 'Shenzhen' },
                    { id: 10002, name: 'Test2', role: 'Test', sex: 'Man', address: 'Guangzhou' },
                    { id: 10003, name: 'Test3', role: 'PM', sex: 'Man', address: 'Shanghai' }
                ]
            };
        },
        mounted() { },
        methods: {
        },
    });

    app.mount('#app');

</script>

</html>